@charset "utf-8";
$font-size:12;/**********变量元素*********/
@function bgg($px){/************函数样式************/
    @return $px/$font-size*(640/640)*1rem;
}
html{/**************html根字体大小**************/
    font-size: $font-size*1px;
}

/***********这里是页面*********/
.web{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    header{
        /***********头部样式************/
    }
    section{/**********这里是内容样式**********/
        width: 100%;
        margin-top: bgg(95);
        margin-bottom: bgg(95);
        .section_top{
            width: 100%;
            height: 100%;
            position: relative;
            img{
                width: 100%;
                height: bgg(314);
                display: block;
            }
            .opacity{
                position: absolute;
                bottom: 0;
                left: 0;
                content: "";
                z-index: +1;
                width: 100%;
                height: bgg(90);
                background: rgba(0,0,0,0.3);
                .opacity_1{
                    color: #ffffff;
                    font-size: bgg(26);
                    display: block;
                    margin-top: bgg(18);
                    margin-left: bgg(28);
                }
                .opacity_1+span{
                    color: #ffffff;
                    font-size: bgg(22);
                    margin-left: bgg(28);
                }
                .riqi{
                    
                    span:first-child{
                        color: #ffffff;
                        font-size: bgg(17.86);
                        margin-right: bgg(15);
                    }
                    .yan{
                        color: #ffffff;
                        font-size: bgg(24);
                    }
                    .yan+span{
                        color: #ffffff;
                        font-size: bgg(17.86);
                        margin-right: bgg(28);
                    }
                }
            }
        }
        .section_bot{
            width: 91.10%;
            height: 100%;
            display: block;
            margin: 0 auto;
            .advertisement{
                margin-top: bgg(21);
                img{
                    width: bgg(211);
                    height: bgg(143);
                    float: left;
                    position: relative;
                    display: block;
                }
                .tengxun{
                    margin-left: bgg(13);
                    p{
                        color: #010101;
                        font-size: bgg(26);
//                      display: inline-block;
                    }
                    span{
                        margin-top: bgg(5);
                        color: #c5c5c5;
                        font-size: bgg(22);
                        width: bgg(348);
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                    }
                }
                .riqi2{
                    margin-top: bgg(25);
                    position: relative;
                    span:nth-child(1){
                        color: #939393;
                        font-size: bgg(18);
                        margin-right: bgg(45);
                    }
                    img{
                        width: bgg(25);
                        height: bgg(18);
                        position: absolute;
                        right: bgg(38);
                        top: bgg(1);
                    }
                    span:nth-child(3){
                        color: #939393;
                        font-size: bgg(18);
                    }
                }
            }
            .huanfen{
                border: bgg(1) solid #cecece;
                width: 100%;
                margin-top: bgg(31);
                opacity: 0.5;
            }
            .top{
                margin-top: bgg(35);
            }
            .lianjie{
                text-align: center;
                margin-top: bgg(15);
                a{
                    color: #bbbbbb;
                    font-size: bgg(22);
                    margin-bottom: bgg(31);
                    text-decoration: none;
                    display: inline-block;
                }
            }
        }
    }
    footer{/*************这里是尾部样式*************/
        .foot{
            .article{
                a{
                    .a{
                        p{/**************字体样式************/
                            color: #8c8c8c;
                            font-size: bgg(20);
                        }
                    }
                }
            }
            .resource{
                a{
                    .a{
                        .wuzi{/**************iconfont样式************/
                            color: #b60207;
                        }
                        p{/**************字体样式************/
                            color: #b60409;
                        }
                    }
                }
            }
        }
    }
}
